<!-- Starter form -->
<div id="starterForm" class="animated-content">

    <p class="lead text-center">How do you want to set up your site?</p>

    <div class="row">
        <div class="col-md-4">
            <div class="cloud-content starter-item clean">
                <i class="icon icon-leaf"></i>
                <a
                    href="javascript:Installer.Pages.starterForm.startClean()"
                    class="btn btn-default btn-lg">
                    Start from scratch
                </a>
                <hr />
                <p>Install October without any plugins or themes. This is a good option to choose for custom building.</p>
                <p>You'll need to code your site in HTML / CSS.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="cloud-content starter-item theme">
                <i class="icon icon-rocket"></i>
                <a
                    href="javascript:Installer.Pages.starterForm.startThemes()"
                    class="btn btn-default btn-lg">
                    Start from a theme
                </a>
                <hr />
                <p>Pick from a pre-built site that fits a general purpose and you can customize later.</p>
                <p>For example: A blog site, a portfolio site.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="cloud-content starter-item project">
                <i class="icon icon-box"></i>
                <a
                    href="javascript:Installer.Pages.starterForm.useProject()"
                    class="btn btn-default btn-lg">
                    Use a project ID
                </a>
                <hr />
                <p>If you've set up a project at the OctoberCMS website you can enter it here.</p>
                <p>This option can be used to define plugins and themes manually.</p>
            </div>
        </div>
    </div>

</div>
